<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title> - 联系人</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">

        <c:forEach items="${teamteacher}" var="teacher">
            <div class="col-sm-4">
                <div class="contact-box">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
                            <div class="m-t-xs font-bold">教师</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>${teacher.tname}</strong></h3>
                        <p><i class="fa fa-map-marker"></i> ${teacher.tsex}</p>
                        <address>
                            <strong>${teacher.tage}</strong><br>
                            <abbr title="Phone">Tel:</abbr> ${teacher.ttel}
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </c:forEach>
        <c:forEach items="${teamstudent}" var="student">
            <div class="col-sm-4">
                <div class="contact-box">
                    <div class="col-sm-4">
                        <div class="text-center">
                            <img alt="image" class="img-circle m-t-xs img-responsive" src="img/a2.jpg">
                            <div class="m-t-xs font-bold">学生</div>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <h3><strong>${student.sname}</strong></h3>
                        <p><i class="fa fa-map-marker"></i> ${student.ssex}</p>
                        <address>
                            <strong>${student.sage}</strong><br>
                            <abbr title="Phone">Tel:</abbr> ${student.stel}
                        </address>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </c:forEach>
        <p style="color: red">${mess}</p>
        <c:if test="${user.rid==4||user.rid==3}">
            <a href="teamaddpeople.action?teamid=${teamid}&mid=${mid}">
                <button class="btn btn-info  dim btn-large-dim btn-outline" type="button"><b>+</b>
                </button>
            </a>
        </c:if>
    </div>
</div>

<!-- 全局js -->
<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>

<!-- 自定义js -->
<script src="js/content.js?v=1.0.0"></script>

<script>
    $(document).ready(function () {
        $('.contact-box').each(function () {
            animationHover(this, 'pulse');
        });
    });

</script>

</body>

</html>